<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Terms of Use - Random Pokémon Generator</title>
        <meta name="description" content="Read the Terms of Use for the Random Pokémon Generator. Understand your rights and responsibilities when using our Pokémon name and type generation tools.">
        <meta name="keywords" content="pokemon generator terms, random pokemon legal, pokemon name generator terms, pokemon type generator usage">
        <meta property="og:locale" content="en_US"/>
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="Terms of Use - Random Pokémon Generator"/>
        <meta property="og:description" content="Read the Terms of Use for the Random Pokémon Generator. Understand your rights and responsibilities when using our Pokémon name and type generation tools."/>
        <meta property="og:url" content="https://pokemongenerator.xyz/terms-of-use"/>
        <meta property="og:image" content="/static/image.png">
        <meta property="og:site_name" content="pokemongenerator.xyz"/>
        <link rel="canonical" href="https://pokemongenerator.xyz/terms-of-use"/>
        <link rel="icon" href="static/image.png" sizes="32x32"/>
        <link rel="stylesheet" href="static/base.css?version=0.0.15">
        <script type="application/javascript" src="static/base.js?ver=0.0.6"></script>
        <script type="application/javascript" src="static/data.js"></script>
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-47TE63PW8V"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-47TE63PW8V');
        </script>
        <style>
            :root {
                --primary-color: #4a90e2;
                --secondary-color: #8D0B7C;
                --text-color: #333;
                --menu-text-color: #000000;
                --background-color: #ffffff;
                --header-background: #ffffff;
                --header-border-color: #e0e0e0;
            }
            
            body {
                font-family: 'Arial', sans-serif;
                background-color: var(--background-color);
                color: var(--text-color);
                margin: 0;
                padding: 0;
            }
            
            header {
                background-color: var(--header-background);
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                padding: 10px 0;
                border-bottom: 1px solid var(--header-border-color);
            }
            
            .container {
                max-width: 1200px;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 20px;
            }
            
            .logo-container {
                display: flex;
                align-items: center;
                gap: 10px;
            }
            
            .logo {
                width: 40px;
                height: 40px;
                cursor: pointer;
                transition: transform 0.3s ease;
            }
            
            .logo:hover {
                transform: scale(1.1);
            }
            
            .logo-text {
                color: var(--text-color);
                font-weight: bold;
                font-size: 1em; /* 调小了logo文本的大小 */
            }
            
            nav ul {
                list-style-type: none;
                display: flex;
                gap: 20px;
                margin: 0;
                padding: 0;
            }
            
            nav a {
                text-decoration: none;
                color: var(--menu-text-color);
                font-weight: 500;
                transition: color 0.3s ease;
            }
            
            nav a:hover {
                color: #8D0B7C !important; /* 紫色，使用 !important 确保优先级 */
                text-decoration: underline !important;
            }
            
            .user-info {
                display: flex;
                align-items: center;
                gap: 10px;
            }
            
            .user-info img {
                border-radius: 50%;
                width: 30px;
                height: 30px;
                border: 2px solid var(--primary-color);
            }
            
            #login-button {
                background-color: var(--primary-color);
                color: white;
                padding: 8px 16px;
                border-radius: 20px;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }
            
            #login-button:hover {
                background-color: var(--secondary-color);
            }

            main {
                padding-top: 20px;
            }
            
            /* 添加以下新样式 */
            .menu-icon {
                display: none;
                font-size: 28px;
                cursor: pointer;
                color: rgb(92, 92, 96);
            }
            
            @media screen and (max-width: 768px) {
                .menu-icon {
                    display: block;
                }
                
                nav ul {
                    display: none;
                    position: absolute;
                    top: 60px;
                    left: 0;
                    width: 100%;
                    background-color: var(--header-background);
                    flex-direction: column;
                    padding: 10px 0;
                    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                }
                
                nav ul.show {
                    display: flex;
                }
                
                nav ul li {
                    padding: 10px 20px;
                }
                
                nav a {
                    color: #000000; /* 确保移动端下拉菜单中的链接为黑色 */
                }
                
                nav a:hover {
                    color: #8D0B7C !important; /* 紫色，使用 !important 确保优先级 */
                    text-decoration: underline !important;
                }
            }
            
            /* 添加全局链接样式 */
            a {
                text-decoration: none;
                color: inherit;
                transition: color 0.3s ease, text-decoration 0.3s ease;
            }
            
            a:hover {
                color: #8D0B7C !important; /* 紫色，使用 !important 确保优先级 */
                text-decoration: underline !important;
            }
        </style>
        
    </head>
<body>
    <header>
        <div class="container">
            <div class="logo-container">
                <img src="static/image.png" alt="Random Pokémon Generator Logo" class="logo" onclick="window.location.href='/'">
                <span class="logo-text">Random Pokémon Generator</span>
            </div>
            <nav>
                <div class="hamburger-menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <ul id="menu">
                    <li><a href="/">Home</a></li>
                    <li><a href="/name-generator">Name Generator</a></li>
                    <li><a href="/type-generator">Type Generator</a></li>
                    <li><a href="/guess-game">Pokémon Guess Game</a></li>
                </ul>
            </nav>
            <div style="display: none">
                <div id="login-button">Login</div>
                <div id="user-info" class="user-info"></div>
            </div>
        </div>
    </header>

    <script>
        function toggleMenu() {
            const menu = document.getElementById('menu');
            menu.classList.toggle('show');
        }
    </script>

<main class="container">
    <div class="section-container">
        <h1 style="text-align: center;">Terms of Use</h1>
        <p style="text-align: center;">Last updated: 2024/10/08</p>

        <h2 style="text-align: left;">1. Acceptance of Terms</h2>
        <p>By accessing and using Random Pokémon Generator, you accept and agree to be bound by the terms and provision of this agreement.</p>

        <h2 style="text-align: left;">2. Description of Service</h2>
        <p>Random Pokémon Generator provides users with tools to generate random Pokémon names and types. This service is provided "as is" and on an "as available" basis.</p>

        <h2 style="text-align: left;">3. Intellectual Property</h2>
        <p>The Pokémon franchise, including all names, images, and data related to Pokemon, are intellectual property of Nintendo, Game Freak, and Creatures Inc. Random Pokémon Generator is a fan-made tool and is not affiliated with or endorsed by Nintendo, Game Freak, or Creatures Inc.</p>

        <h2 style="text-align: left;">4. User Conduct</h2>
        <p>You agree to use Random Pokémon Generator only for lawful purposes and in a way that does not infringe the rights of, restrict or inhibit anyone else's use and enjoyment of the website.</p>

        <h2 style="text-align: left;">5. Limitation of Liability</h2>
        <p>Random Pokémon Generator and its creators shall not be held liable for any damages resulting from the use of this website or the information provided on it.</p>

        <h2 style="text-align: left;">6. Changes to Terms</h2>
        <p>We reserve the right to modify these terms at any time. We do so by posting and drawing attention to the updated terms on the site. Your decision to continue to visit and make use of the site after such changes have been made constitutes your formal acceptance of the new Terms of Use.</p>

        <h2 style="text-align: left;">7. Governing Law</h2>
        <p>These Terms of Use and your use of the site are governed by and construed in accordance with the laws of [Your Jurisdiction], applicable to agreements made and to be entirely performed within [Your Jurisdiction], without regard to its conflict of law principles.</p>

        <h2 style="text-align: left;">8. Contact Information</h2>
        <p>If you have any questions about these Terms, please contact us at randomgenrator@gmail.com.</p>
    </div>
</main>

<footer class="site-footer">
    <div class="container">
        <div class="footer-links">
            <a href="https://github.com/lipengxs/PokemonGenerator.git" target="_blank" rel="noopener noreferrer">Github</a>
            <a href="/privacy-policy">Privacy Policy</a>
            <a href="/terms-of-use">Terms of Use</a>
        </div>
        <p>&copy; 2024 <strong>Random Pokémon Generator</strong>. All rights reserved.</p>
    </div>
</footer>
</body>
</html>
